html,body{
	width:100%;
	height:100%;
}
/*内宽*/
main{
	width:100%;
	height:auto;
	padding:0 0.24rem;
	-webkit-box-sizing:border-box;
}
/*返回顶部开始*/
.backtop{
	width:1rem;
	height:1rem;
	border-radius: 50%;
	background:#fff;
	border:0.01rem solid #d6d6d6;
	position:fixed;
	bottom:0.5rem;
	right:0.3rem;
	z-index:30;
	display: flex;
	justify-content: center;
	align-items: center;
	display:none;
}
.icon-top {
	font-size:0.42rem;
	color:#989696;
}
/*返回顶部结束*/
/*状态栏开始*/
/*状态栏结束*/
/*header开始*/
/*模糊开始*/
header-filter{
	width:100%;
	height:6.16rem;
	padding-top:0.76rem;
	margin-bottom:0.8rem;
	background-image: url(../img/filter1.jpg);
    background-position:center center;
    background-size:cover;
    filter: blur(0.2rem);
    position:absolute;
    top:0rem;
    left:0;
    z-index:5;
}
header-mask{
	width:100%;
	height:100%;
	padding-bottom:0.8rem;	
	background:#fff;
	opacity: 0.6;
	position:absolute;
	top:0rem;
	left:0;
	z-index:10;
}
header{
	width:100%;
	height:6.16rem;
	padding-top:0.76rem;
	margin-bottom:0.8rem;
	position:absolute;
    top:0rem;
    left:0;
    z-index:15;
}
.title{
	width:100%;
	height:auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.icon-fanhui{
	display: block;
	font-size:0.34rem;
	color:#141414;
}
.icon-more{
	display:block;
	font-size:0.58rem;
	color:#141414;
}
/*作者的详细信息*/
.authorhp_info{
	width:100%;
	height:auto;
	margin-bottom:0.26rem;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
}
.authorhp_img{
	width:1.46rem;
	height:1.46rem;
	border-radius: 50%;
	background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
}
.authorhp_name{
    font-size:0.34rem;
    color:rgba(20,20,20,1);	
    margin-top:0.16rem;
}
.authorhp_nicheng{
  font-size:0.26rem;
  color:rgba(153,153,153,1);
  margin-top:0.21rem;
}
.authorhp_option{
	width:4.66rem;
	height:auto;
	display: flex;
	justify-content: space-between;
	margin-top:0.24rem;
}
.pletter{
	width:2.16rem;
    height:0.57rem;
    background:#fff;
    border-radius: 0.08rem; 
    font-size:0.26rem;
    color:#FF7630;
    text-align: center;
    line-height: 0.57rem;
    border: 0.01rem solid #FF7630;
}
.pletter-active{
    background:rgba(255,118,48,1);
    border-radius: 0.08rem; 
    color:rgba(255,255,255,1);
}
.authorhp_list{
	width:100%;
	height:auto;
	display: flex;
	justify-content:space-around;
	align-items: center;
	margin-top:0.43rem;
}
.authorhp_list>li{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.list_title{
	font-size:0.24rem;
    color:rgba(102,102,102,1);
}
.list_info{
	font-size:0.24rem;
    color:rgba(0,0,0,1);
}
.header{
	width:100%;
    height:5.4rem;
	padding-top:0.76rem;
	margin-bottom:0.8rem;
	background:#FFF;
}
/*header结束*/
/*content开始*/
.content{
	width:100%;
	height:100%!important;
	background: #fff;
}
/*内容导航开始*/
.author-listnav{
	width:100%;
	height:0.8rem;
	display: flex;
	justify-content: space-around;
	align-items:center;
	border-bottom:0.01rem solid #f5f5f5;
	background: #fff;
}
.mui-segmented-control .mui-control-item{
	display:block;
	height:100%;
	width:auto;
	padding:0 0.34rem;
	line-height:0.84rem;
	font-size:0.26rem;
    color:rgba(34,34,34,1);
    position:relative;
    border-bottom: 0.04rem solid transparent!important;
}
/*对选项卡样式的设置*/
.mui-slider-indicator.mui-segmented-control {
    position: relative;
    bottom: auto;
}
.mui-segmented-control .mui-control-item{
	overflow: visible;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
    border-bottom: 0.04rem solid #FF7630!important;
    color:rgba(34,34,34,1);
}
.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{
	background-color:#FF7630;
}
.mui-col-xs-4{
   display: none;
}
/*对选项卡样式的设置*/
/*内容导航结束*/
/*关于TA*/
.aboutheBox{
	width: 100%;
	height:auto;
	background:#f5f5f5;
}
.abouthe-title{
   padding:0.3rem 0.24rem;
}
.abouthe-title>p{
	font-size:0.28rem;
    color:rgba(20,20,20,1);
    margin-bottom:0.32rem;
}
.badgeBox{
	width:100%;
	height:0.76rem;
	overflow: hidden;
	display: flex;
	align-items: center;
	background: #fff;
}
.badgeBox>div{
	width:0.76rem;
	height:0.76rem;
	background-repeat: no-repeat;
	background-position:center center;
    background-size:cover;
	margin-right:0.3rem;
}
.abouthe-info{
	width:100%;
	height:auto;
	padding:0.35rem 0.24rem 0 0.24rem;
	margin-top:0.06rem;
	background: #fff;
}
.eminfo{
	font-size:0.28rem;
    color:rgba(20,20,20,1);
}
.eminfo-title{
	font-size:0.28rem;
    color:#B3B3B3;
    margin-bottom:0.3rem;
}
.eminfobox{
	width:auto;
	height:auto;
    margin-bottom:0.4rem;
}
/*动态开始*/
.lists{
	padding-top:0.3rem;
	background: #fff;
	margin-bottom:0.1rem;
}
.clist-title{
	width:100%;
	height:0.74rem;
	display: flex;
    justify-content: space-between;
    align-items:center;
}
.clist-title-left{
	width:auto;
	height:100%;
	display: flex;
    align-items:center;
}
.clist-title-left>li:first-child{
	width:0.74rem;
	height:0.74rem;
	border-radius:50%;
	margin-right:0.2rem;
}
.clist-title-left>li:first-child img{
	width:0.74rem;
	height:0.74rem;
	border-radius:50%;
	text-align:center;
	line-height: 0.74rem;
	background: yellow;
	overflow: hidden;
}
.clist-title-left>li:nth-child(2){
	font-size:0.3rem;
	color:#141414;
	margin-right:0.4rem;
}
.clist-title-left>li:nth-child(3){
	height:0.36rem;
	padding:0 0.2rem;
	line-height:0.40rem;
	font-size:0.24rem;
	color:#FF7630;
	background:#FFEEE5;
	border-radius:0.04rem;
}
.clist-title>li{
	width:auto;
	font-size:0.22rem;
	color:#999999 ;
	float: right;
}
.clist-imgBox{
	display:block;
	margin-top:0.25rem;
}
.clist-img{
	display: block;
	width:100%;
	height:5.24rem;
	border-radius: 0.04rem;
	background:#e6d3c9 ;
	border:none;
}
/*图片标题*/
.imgtitle{
	font-size:0.3rem;
	color:#141414;
	padding-top:0.3rem;
}
/*底部分享，收藏等操作*/
.clist-operation{
	width:100%;
	height:0.28rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom:0.52rem;
}
.clist-operation>li{
	display:flex;
	justify-content: space-between;
	align-items:center;
}
.clist-operation img{
	width:0.36rem;
	height:0.36rem;
	text-align: center;
	vertical-align:middle;
	margin-right:0.1rem;
}
.clist-operation span{
	font-size:0.24rem;
	color:#666666;
}
/*文章的开始*/
.articleListBox{
	width:100%;
	height:auto;
	padding-top:0.2rem;
	margin-bottom:0.1rem;
}
.articleListBox:last-of-type{
	padding-bottom:0.04rem!important;
}
.articleList{
    display: flex;
	justify-content: space-between;
	align-items:center;
}
/*文章左边的内容*/
.articleList>li:first-child{
	width:calc(100% - 1.4rem );
	height:1.72rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.articleList-title{
	width:auto;
	height:0.3rem;
	display: flex;
    align-items: center;
}
.articleList-title>a{
	font-size:0.28rem;
	color:#141414;
}
.articleList-clssify{
	width:auto;
	height:0.3rem;
	font-size:0.22rem;
	color:rgba(255,118,48,1);
	line-height:0.34rem;
	background:rgba(255,238,229,1);
	border-radius:0.04rem ; 
	padding:0 0.14rem;
	margin-left:0.22rem;
}
.articleList-author{
	width:auto;
	height:auto;
	font-size:0.24rem;
	color:rgba(133,133,133,1);
	margin-top:0.18rem;
	margin-bottom:0.12rem;
}
.articleList-info>a{
	font-size:0.24rem;
	color:rgba(102,102,102,1);
	line-height:0.38rem;
}
/*右边的图片*/
.articleList-img{
	width:1.4rem;
	height:1.72rem;
	border-radius: 0.06rem;
	flex-grow: 1;
}
.articleList-img img{
	width:1.4rem;
	height:1.72rem;
	text-align: center;
	vertical-align: middle;
	border-radius: 0.06rem;
}
/*底部分享，收藏等操作*/
.clist-operation{
	width:100%;
	height:0.28rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top:0.38rem;
}
.clist-operation>li{
	display:flex;
	justify-content: space-between;
	align-items:center;
}
.clist-operation img{
	width:0.36rem;
	height:0.36rem;
	text-align: center;
	vertical-align:middle;
	margin-right:0.1rem;
}
.clist-operation span{
	font-size:0.24rem;
	color:#666666;
}
/*动态结束*/
/*文章的排序*/
.sortingBox{
	width:100%;
	padding:0.3rem 0.24rem;
	display: flex;
	justify-content: space-between;
	position:relative;
}
.sortingbox{
	width:2.55rem;
    height:2.70rem;
    border:0.01rem solid #f5f5f5;
    border-radius: 0.12rem;
    font-size:0.28rem;
    border:0.01rem solid #f5f5f5;
    color:rgba(153,153,153,1);
    position:absolute;
    top:0.92rem;
    right:0.24rem;
    overflow: hidden;
    background: #fff;
    display: none;
}
.sortingBox>div{
	font-size:0.26rem;
    color:rgba(20,20,20,1);
    display: flex;
    align-items:center;
}
.sortingbox>li{
	width:100%;
	height:33%;
	display: flex;
	align-items:center;
	justify-content: center;
	line-height: 33%;
	border-bottom:0.01rem solid #f5f5f5;
}
.sortingbox>li:last-child{
	border-bottom:none;
}
.sortingbox-active{
	color:rgba(20,20,20,1);
}
/*content结束*/
/*对滑动的大盒子的设置开始*/
#item1author,#item2author,#item3author,#item4author{
	width:auto
	height:auto;
	padding-bottom: 5rem;
	background:#fff;
	overflow: scroll;
}
/*对滑动的大盒子的设置结束*/
/*分享开始*/
/*三个小点点点开之后出现的东西*/
div[lll=forward].active{
	display: block;
}
.forward{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index:30;
	display: none;
}
.forwardListbox{
	width: 100%;
	height: 4.5rem;
	background-color: #fff;
	position: absolute;
	bottom:1rem;
	left:0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-bottom: .47rem;
}
.forwardList{
	display: flex;
	flex-direction: column;
	align-items: center;
	/*justify-content: center;*/
	margin-left: 1.1rem;
	margin-top: .66rem;
}
.forward_cancel{
	position: absolute;
	bottom:0;
	left:0;
	height: 1rem;
	width: 100%;
	border-top: 1px solid #f5f5f5;
	background: #fff;
	color: #666;
	font-size: .36rem;
	text-align: center;
	line-height: 1rem;
	letter-spacing: 1px;
}
.forward_text{
	color: #333333;
	font-size: .24rem;
	margin-top: .1rem;
}
.forward_logo{
	width: 1.06rem;
	height: 1.06rem;
	
}
.forward_QQ{
	background-image: url('../img/p_icon_big_qq@2x.png');
}
.forward_WB{
	background-image: url('../img/p_icon_big_sina@2x.png');
}
.forward_WX{
	background-image: url('../img/p_icon_big_wachat@2x.png');
}
.forward_PYQ{
	background-image: url('../img/p_icon_friend@2x.png');
}
.forward_DEL{
	background-image: url('../img/t_icon_hei@2x.png');
}
/*分享结束*/
/*黑名单开始*/
div[showbl=blacklistBox].active{
	display: block;
}
.blacklistBox{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.31);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index:30;
	display: none;
}
.blacklistbox{
	width:4.9rem;
    height:4.4rem;
    background:rgba(255,255,255,1);
    border-radius:0.26rem;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    overflow: hidden;
    border:0.01rem solid rgba(231,230,233,1);
}
.blacklistbox>li:first-child{
	padding:0.4rem 0.5rem;
	font-size:0.3rem;
    color:rgba(0,0,0,1);
    text-align:center;
    border-bottom:0.01rem solid rgba(231,230,233,1);
}
.blacklistbox>li:nth-child(2){
	font-size:0.32rem;
    color:rgba(0,118,255,1);
    padding:0.2rem 0;
    text-align: center;
     border-bottom:0.01rem solid rgba(231,230,233,1);   
}
.blacklistbox>li:nth-child(3){
	font-size:0.32rem;
    color:rgba(0,118,255,1);
    text-align: center;
    padding:0.2rem 0;
}
/*黑名单结束*/